@charset "utf-8";

@import "../../../src/less/quote/class.less";
@import "../../../src/less/quote/color.less";

//table列表页面暂时放在这里后期共用comment.less中

#worldpay-view{
  height:auto;
  position: relative;
  background: @cf;
  .left{
    padding-left:45px;
    padding-bottom:250px;
    .left-head{
      position: relative;
      height: 50px;
      line-height: 50px;
      background: #fff;
      border-bottom: 1px dashed @cf2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      label{font-weight: bold;}
      .head-time,.head-code,.head-amount,.head-reason{
        margin-right: 25px;
      }
    }
    //提示证据说明
    .left-prompt{
      margin-top: 10px;
      border: 3px solid @cdb;
      padding: 5px 10px;
      border-radius: 3px;
      color: @c6;
      .prompt-text{
        font-weight: bold;
      }
      .icon-box{
        float:right;
        position: relative;
        .icon-shuoming{
          font-size: 24px;
          color: @main-b;
          cursor:pointer;
          &:hover{opacity: .7;}
        }
        //提示所弹出的框
        .layer-track{
          display: none;
          position: absolute;
          width: 400px;
          left:0;
          padding:5px 15px 15px;
          background-color: @cf;
          border: 1px solid @cdb;
          z-index: 2;
          .track-title{
            height: 30px;
            font-weight: bold;
            .track-close{font-size: 30px;margin-top: -12px;cursor: pointer;float:right;}
            border-bottom:1px dashed @ceb;
          }
          .track-content{
            margin-top: 5px;
            list-style: disc;
            list-style-position:inside;
          }
        }
      }

    }

    //证据盒子
    .left-up-box{
      max-height: 200px;
      overflow-y: auto;
      .row{
        margin-left: -10px;
        margin-right: -10px;
        & > [class*=col-]{
          padding: 10px;
        }
      }
      .box-title{
        font-weight: bold;
      }
    }

    .left-message{
      margin-top: 50px;
      .ql-toolbar{margin-top:15px;}
      #sendInfoMsg{
        margin-top: 10px;
        padding:10px;
        max-width:100%;
        height:160px;
        overflow-y: auto;
      }
      .message-box{
        max-height: 500px;
        overflow: auto;
        .box-list{
          border: 1px solid @cdb;
          padding: 5px 10px;
          border-radius: 5px;
          margin-bottom: 6px;
          .list-content{

          }
          .list-footer{
            border-top: 1px dashed #ebebeb;
            margin-top: 10px;
          }
        }
      }
      .form-input{width: 200px;}
    }

  }
  .right{
    padding-top: 50px;
    padding-left:100px;
    padding-right:50px;
    .right-info{
      .line{margin-bottom: 20px;}
    }
    .right-erp{
      padding:30px 0;
      border-top: 1px solid @cdb;
      .erp-order{
        max-width: 500px;
        padding:5px;
        background-color: @bg-b;
        color:@main-b;
        font-weight: bold;
      }
      .erp-content{
        max-width: 500px;
        font-family: "Microsoft YaHei";
        .content-list{
          padding:5px 0 10px;
          border-bottom:1px dashed @cdb;
          .text-line{
            margin: 4px 0;
            //height: 22px;
            label,span{display: inline-block;float: left;}
            label{
              width: 60px;
              font-weight: bold;
              color: #4a4a4a;
              vertical-align: middle;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
            .icon-yifahuo{
              margin-right: 10px;
              font-size: 16px;
              color:@main-b;
              vertical-align: middle;
            }
            .line-status{
              display: inline-block;
              color:@main-b;
              font-size: 14px;
              vertical-align: middle;
            }
          }
        }
      }
    }
  }

  button[disabled]{
    opacity: .4;
  }
}


//弹出层内样式
.layer-box-erp{
  width: 90%;
  margin:0 auto;
  //间距
  .form-item{
    margin-bottom: 10px;
  }
  .row{
    margin-left:-10px;
    margin-right: -10px;
    &>[class*=col-] {
      padding:0 10px;
    }
  }

  [data-name='orderSkuList']{
    max-height: 100px;
    overflow: auto;
  }
}
